<!DOCTYPE html>
<html ng-app="myApp">
<head>
	<meta charset="UTF-8">
	<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
	<title>主页</title>
	<link rel="stylesheet" href="./resource/libs/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="./resource/libs/swiper/dist/css/swiper.min.css">
	<link rel="stylesheet" href="./resource/libs/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="./resource/css/main.css">
	<link rel="stylesheet" href="./resource/css/index.css">
	<script type="text/javascript" src="./resource/libs/jquery/dist/jquery.min.js"></script>
	<script type="text/javascript" src="./resource/libs/bootstrap/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="./resource/libs/swiper/dist/js/swiper.min.js"></script>
	<script type="text/javascript" src="./resource/libs/angular/angular.min.js"></script>
	<script type="text/javascript" src="./resource/script/main.js"></script>
	<script type="text/javascript" src="./resource/script/controller/indexCtrl.js"></script>
	<script src="http://rap.taobao.org/rap.plugin.js?projectId=12817"></script>
</head>
<body>
	<!-- header -->
	<header class="header">
		<div class="container">
			<div class="navbar margin-0">
				<div class="navbar-header fl">
					<a class="navbar-brand" href="javascript:void(0);">校园运营管理云平台</a>
				</div>
				<ul class="nav navbar-nav navbar-right fr">
			        <li><a href="javascript:void(0);" target="_blank"><i class="fa fa-weibo"></i></a></li>
			        <li><a href="javascript:void(0);" target="_blank"><i class="fa fa-weixin"></i></a></li>
			        <li><a href="javascript:void(0);" target="_blank"><i class="fa fa-linkedin"></i></a></li>
			    </ul>
		    </div>
		</div>
	</header>
	<!-- main -->
	<section class="wrapper" ng-controller="indexCtrl">
 		<!-- nav -->
		<nav class="nav-row">
			<div class="container">
				<div class="navbar margin-0" role="navigation">
	   	                <div class="navbar-header">
	                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
	                        <span class="sr-only">Toggle navigation</span>
	                        <span class="fa fa-bars"></span>
	                    </button>
	                    <a class="navbar-brand" href="index.html"><img class="logo" src="./resource/images/logo@2x.png" alt="logo"></a>
	                </div>
					<div class="navbar-collapse collapse" aria-expanded="false">
	                    <ul class="nav navbar-nav navbar-right nav-btn-row">
	                    	<li><a href="page-quicktour.html">快速体验</a></li>
	                        <li><a href="page-features.html">功能特性</a></li>
	                        <li><a href="page-services.html">服务支持</a></li>
	                        <li><a href="page-about.html">关于我们</a></li>
	                        <li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
	                        <li><a class="btn btn-primary nav-btn" href="/apps/school-v2"><i class="fa fa-lock"></i>我的园所</a></li>
	                        <li>&nbsp;</li>
	                        <li><a class="btn btn-primary nav-btn" href="anonymous.html#/config/register/new"><i class="fa fa-sign-in"></i>申请试用</a></li>
	                    </ul>
	                </div>
	            </div>
			</div>
		</nav>
		<!-- swiper -->
		<div id="indexSwiper" class="swiper-row swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<img src="./resource/images/slider_new_01.jpg" alt="图片1">
		        </div>
		        <div class="swiper-slide">
		        	<img src="./resource/images/slider_new_02.jpg" alt="图片2">
		        </div>
		        <div class="swiper-slide">
		        	<img src="./resource/images/slider_new_03.jpg" alt="图片3">
		        </div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
		    <!-- 如果需要导航按钮 -->
		    <div class="swiper-button-prev"></div>
		    <div class="swiper-button-next"></div>
		</div>
		<!-- constructor-row -->
		<div class="constructor-row section">
			<div class="container">
				<div class="row">
					<div class="section-title col-md-12 text-center">
						<h3>CloudSchools 应用构成</h3>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 col-sm-6">
						<div class="constructor-item">
							<img src="./resource/images/cloudschools_platform.png" alt="">
							<h4>CloudSchools云平台应用</h4>
							<p>为校园提供日常的园务管理支持，如校园的日常招生管理、学生档案管理、教学、后勤及收退费等业务的系统化支持。 </p>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="constructor-item">
							<img src="./resource/images/cloudschools_app.png" alt="">
							<h4>移动端App应用</h4>
							<p>提供手机端的家长应用，家长可以通过该应用了解孩子在校的日常情况，以及和校园的沟通联系，同时也提供日常业务往来的应用支持。  </p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- introduction-row -->
		<div class="introduction-row section">
			<div class="container">
				<div class="row">
					<div class="section-title col-md-12 text-center">
						<h3>功能概述</h3>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="introduction-item">
							<i class="fa fa-hourglass-start"></i>
                            <h4>招生过程管理</h4>
                            <p>招生渠道和活动管理+有效性评估，让招生工作有的放矢；潜在客户信息管理及招生漏斗应用让招生过程的转换环节透明直观且易于跟踪。</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="introduction-item">
							<i class="fa fa-graduation-cap"></i>
                            <h4>学生信息管理</h4>
                            <p>学生信息管理：基本信息、学年历史记录、联系方式、家长信息、医疗病史、过敏记录、成长报告、作品集等，为学生构建了360度完整视图。</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="introduction-item">
							<i class="fa fa-clock-o"></i>
                            <h4>晨检和考勤管理</h4>
                            <p>每日晨检和考勤点名应用，使老师和园所管理者对学生的日常出勤情况实时掌握。考勤统计和分析，提高了业务效率，数据的准确性为学生的收退费等业务提供了数据支持。</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="introduction-item">
							<i class="fa fa-paper-plane"></i>
                            <h4>教务管理</h4>
                            <p>工作计划管理，让园所的工作更有序；成长报告、教学随笔等一系列教学教务管理应用，让校园的教学活动管理更规范且有成效，并且让教学活动更具显性化；定期的检查及报告，提供了教学质量保证。</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="introduction-item">
							<i class="fa fa-heartbeat"></i>
                            <h4>营养保健管理</h4>
                            <p>日常保健工作支持、营养配餐、体格检查、计划免疫、儿童保险管理、卫生保健数据上报等系统功能应用，让园所的保健医可以体系性的实现保健业务管理，为孩子的健康成长提供保障支持。</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="introduction-item">
							<i class="fa fa-truck"></i>
                            <h4>后勤管理</h4>
                            <p>提供校园的固定资产管理、库存管理以及学生的物品发放记录管理，从而为校园的后勤物质保障以及相关业务提供系统性支持。</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="introduction-item">
							<i class="fa fa-money"></i>
                            <h4>收退费管理</h4>
                            <p>可以定义和管理所有的收退费项目以及相关的收退费业务规则，从而确保收退费准确无误，并且为管理者提供实时的业务报表和数据分析报告。</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="introduction-item">
							<i class="fa fa-line-chart"></i>
                            <h4>报表中心</h4>
                            <p>招生、园所基础信息、考勤、收退费、教学教务、后勤等一系列体系性的报表和分析报告，让园所管理者实时直观掌握园所的运营情况，得到决策支持。</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- parallax-row -->
		<div class="parallax-row section">
			<div class="container">
				<div class="row">
					
				</div>
			</div>
		</div>
		<section class="section darkskin fullscreen paralbackground parallax" style="background-image:url('./resource/images/parallax_01.jpg');" data-img-width="1627" data-img-height="868" data-diff="100">
            <div class="overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section-title text-center">
                            <h4>应用价值</h4>
                        </div>
                    </div><!-- end col -->
                </div><!-- end row -->

                <div class="row service-center">
                    <div class="col-md-4 col-sm-6">
                        <div class="feature-list">
                            <i class="fa fa-rocket"></i>
                            <p><strong>数据应用能力提升</strong></p>
                            <p>运营活动过程中产生的数据实时存在系统中，避免业务数据遗失，并可以进一步分析和应用，产生新的应用价值。</p>
                        </div><!-- end service -->
                    </div><!-- end col -->

                    <div class="col-md-4 col-sm-6">
                        <div class="feature-list">
                            <i class="fa fa-flag"></i>
                            <p><strong>运营管理更规范和精细化</strong></p>
                            <p>系统的设计融合了先进的园所运营管理理念和最佳实践，避免人为性管理约束，使管理更规范、科学和体系化。</p>
                        </div><!-- end service -->
                    </div><!-- end col -->

                    <div class="col-md-4 col-sm-6">
                        <div class="feature-list">
                            <i class="fa fa-line-chart"></i>
                            <p><strong>为管理者提供决策支持</strong></p>
                            <p>园所管理者可以随时从系统中获得实时的日常运营管理的相关报表和分析数据。</p>
                        </div><!-- end service -->
                    </div><!-- end col -->
                </div><!-- end row -->

                <div class="row button-wrapper">
                    <div class="col-md-12">
                        <div class="text-center">
                            <a href="page-features.html" class="btn btn-default">了解更多产品特性</a>
                        </div>
                    </div><!-- end col -->
                </div><!-- end row -->
            </div><!-- end container -->
        </section>
		<!-- phone-row -->
		<div class="phone-row section">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 section-title text-center">
                        <h3>为什么选择 CloudSchools？</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-6">
                        <div class="phone-item text-right fadeInLeft">
                            <i class="fa fa-html5 alignright"></i>
                            <h4>受信任的市场领导者</h4>
                            <p>CloudSchools系统应用可靠，遍布全国17个城市1000+幼儿园使用该系统进行日常业务管理。</p>
                        </div>
                        <div class="phone-item text-right fadeInLeft">
                            <i class="fa fa-gears alignright"></i>
                            <h4>开放且易于定制</h4>
                            <p>开放式的体系架构设计，让系统具有很强的灵活性和业务支持能力，用户无需开发就可以通过配置完成业务应用。</p>
                        </div>
                        <div class="phone-item text-right fadeInLeft">
                            <i class="fa fa-line-chart alignright"></i>
                            <h4>健全的报表体系</h4>
                            <p>平台支持比其他任何校园管理系统更多的报表体系，让园所的运营管理更透明更直观。</p>
                        </div>
                    </div>
                    <!-- phone-img -->
                    <div class="col-md-4 col-sm-6">
                        <div class="text-center fadeIn">
                            <img class="phone-img" src="./resource/images/device_02.png" alt="" class="img-responsive">
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="phone-item text-left fadeInRight">
                            <i class="fa fa-lock alignleft"></i>
                            <h4>无可挑剔的数据安全</h4>
                            <p>数据安全是我们的重中之重，我们通过多种技术和管理策略来确保您在平台中的数据安全及隐私保护。</p>
                        </div>
                        <div class="phone-item text-left fadeInRight">
                            <i class="fa fa-leaf alignleft"></i>
                            <h4>易于学习，易于使用</h4>
                            <p>简洁直观的用户界面，功能强大的工具和资源，帮助园所管理者管理园所信息及相关业务处理。</p>
                        </div>
                        <div class="phone-item text-left fadeInRight">
                            <i class="fa fa-mobile alignleft"></i>
                            <h4>出色的移动性</h4>
                            <p>无论是老师还是家长都可以通过移动设备访问系统，了解学生在校的学习和生活情况，同时可以处理关联业务。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- purpose-row -->
        <div class="purpose-row section">
        	
        </div>
        <!-- member-row -->
        <div class="member-row section">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section-title text-center">
                            <h4>我们的典型客户</h4>
                            <p>我们已经和全国100+幼儿教育机构建立了合作关系，他们正在使用CloudSchools平台。</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2">
                        <img src="./resource/images/client_01.png" alt="" class="img-responsive img-thumbnail">
                    </div>

                    <div class="col-md-2">
                        <img src="./resource/images/client_02.png" alt="" class="img-responsive img-thumbnail">
                    </div>

                    <div class="col-md-2">
                        <img src="./resource/images/client_03.png" alt="" class="img-responsive img-thumbnail">
                    </div>

                    <div class="col-md-2">
                        <img src="./resource/images/client_04.png" alt="" class="img-responsive img-thumbnail">
                    </div>
                    
                    <div class="col-md-2">
                        <img src="./resource/images/client_05.png" alt="" class="img-responsive img-thumbnail">
                    </div>

                    <div class="col-md-2">
                        <img src="./resource/images/client_06.png" alt="" class="img-responsive img-thumbnail">
                    </div>
                </div>
                <hr class="invis">

                <div class="callout row" style="display:none;">
                    <div class="col-md-9">
                        <h4><i class="fa fa-graduation-cap fa-3x alignleft"></i> 业务系统在伊顿的实施，减少了老师的手工和重复工作，提高了效率的同时也提高了数据的及时性和准确性，真正为伊顿插上了e的翅膀。 —— Vivien，伊顿国际教育集团董事长兼CEO </h4>
                    </div>
                    <div class="col-md-3">
                        <a href="#" class="btn btn-primary btn-block">更多客户案例</a>
                    </div>
                </div>
            </div>
        </div>
	</section>
</body>
</html>